<template>
  <div id="zong">
     <v-nav></v-nav> 
     <div v-for="(item,index) in xinwenlist" :key="index" class="xinwen"><img :src="item.pic">
     <span>{{item.title}}</span><span>{{item.time}}</span><span>{{item.src}}</span></div>
  </div>
 
  
</template>

<script>
// @ is an alias to /src
import vNav from "../components/vNav.vue"


  
export default {
  name: 'Index',
  components: {
    vNav,
    },
    data(){
      return{
          xinwenlist:[]
      }
    },
    mounted(){
         this.$axios.get("news.json").then(
         res=>{this.xinwenlist=res.data.result.list}
         ).catch(err=>{console.log(err)}) 
    },
    methods:{
      
      
    }
  }
  

</script>
<style scoped>

.xinwen{
    width:90%;
    height:5.5rem;
   padding:1rem;
   margin-bottom:1rem
}
.xinwen img{
    width:10rem;
    height:5rem;
    float:left
}
</style>